<!DOCTYPE html>
<html xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	xmlns:th="http://www.thymeleaf.org">
<head>
<base th:href="@{/}" target="_self" />
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>后台管理 | RayBoo</title>
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport" />
<!-- default header name is X-CSRF-TOKEN -->
<meta name="_csrf" th:content="${_csrf.token}" />
<meta name="_csrf_header" th:content="${_csrf.headerName}" />
<!-- favicon.ico -->
<link rel="shortcut icon" type="image/x-icon"
	href="http://rayboo.top/images/favicon.ico?v=5.0.1" />
<!-- Bootstrap -->
<link rel="stylesheet" type="text/css"
	href="css/bootstrap/bootstrap.min.css" />
<!-- Font Awesome -->
<link rel="stylesheet" type="text/css"
	href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.5.0/css/font-awesome.min.css" />
<!-- Ionicons -->
<link rel="stylesheet" type="text/css"
	href="https://cdnjs.cloudflare.com/ajax/libs/ionicons/2.0.1/css/ionicons.min.css" />
<!-- Theme style -->
<link rel="stylesheet" type="text/css" href="css/theme/theme.min.css" />
<!-- black style -->
<!--<link rel="stylesheet" type="text/css" href="css/skins/skin-black.min.css" />-->
<!-- all style -->
<link rel="stylesheet" type="text/css" href="css/skins/_all-skins.min.css" />
<!-- Own style -->
<link rel="stylesheet" type="text/css" href="css/admin.css" />
<!-- Toastr style -->
<!-- https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css -->
<link rel="stylesheet" type="text/css" href="css/toastr/toastr.css" />
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<!-- Page css -->
</head>
<body class="hold-transition skin-blue sidebar-mini fixed">
	<!-- wrapper -->
	<div class="wrapper">
		<!-- Main Header -->
		<header class="main-header">
			<!-- Logo -->
			<a href="/" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"><b>Ray</b></span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>Ray</b>Boo</span>
			</a>
			<!-- /.Logo -->
			<!-- Header nav -->
			<section th:include="common/topnav"></section>
			<!-- /.Header nav-->
		</header>
		<!-- /.Main Header -->
		<!-- Left side column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar" th:include="common/sidebar"></section>
			<!-- /.sidebar -->
		</aside>
		<!-- /.Left side -->
		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<!-- Content Header (Page header) -->
			<section class="content-header" layout:fragment="content-header"></section>
			<!-- /.Content Header -->
			<!-- Main content -->
			<section class="content" layout:fragment="content"></section>
			<!-- /.content -->
		</div>
		<!-- /.content-wrapper -->
		<!-- Main Footer -->
		<footer class="main-footer">
			<!-- To the right -->
			<div class="pull-right hidden-xs hide">Anything you want</div>
			<!-- Default to the left -->
			<strong>Copyright &copy; 2016 <a href="http://rayboo.top" target="_blank">rayboo</a>.
			</strong> All rights reserved.
		</footer>
		<!-- /.Footer -->

		<!-- Control Sidebar -->
		<!-- <section th:include="common/aside"></section> -->
	</div>
	<!-- ./wrapper -->
	<!-- jQuery 2.2.3 -->
	<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>
	<!-- jquery.form Js -->
	<!-- http://malsup.github.io/jquery.form.js -->
	<script type="text/javascript" src="js/jquery.form.js"></script>
	<!-- Bootstrap 3.3.6 -->
	<script type="text/javascript" src="js/bootstrap/bootstrap.min.js"></script>
	<!-- AdminLTE App -->
	<script type="text/javascript" src="js/app/app.min.js"></script>
	<!-- SlimScroll 1.3.0 -->
	<script type="text/javascript" src="js/slimscroll/jquery.slimscroll.min.js"></script>
	<!-- Toastr Js -->
	<!-- https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js -->
	<script type="text/javascript" src="js/toastr/toastr.min.js"></script>
	<!-- Page Js -->
	<section layout:fragment="js">Page Js</section>
	<!-- _csrf -->
	<script>
		$(function() {
			var token = $("meta[name='_csrf']").attr("content");
			var header = $("meta[name='_csrf_header']").attr("content");
			$(document).ajaxSend(function(e, xhr, options) {
				xhr.setRequestHeader(header, token);
			});
		});
	</script>
	<!-- menu active -->
	<script>
		$('#sidebar').find('li').each(function() {
			var href = $(this).find('.treeview-menu').find('a').attr("href");
			if (window.location.pathname.indexOf(href) > 0)
				$(this).addClass('active');
		});
	</script>
	<!-- login -->
	<script th:inline="javascript">
		var sessionuser = /*[[${session.user}]]*/
		console.log(sessionuser);
		if (!sessionuser)
			window.location.href = 'login';
	</script>
</body>
</html>